import styled from 'styled-components'
export const Searchheader  = styled.div`
display:flex;
justify-content:space-between;
width:100%;
height:.44rem;
align-items:center;
padding-left:.3rem;
padding-right:.4rem;
input{
    width:2.5rem;
    height:.26rem;
    border:1px;
    border-radius:0.15rem;
    padding-left:.1rem;

}
`
export const SearchHot= styled.div`
.title{
    color:#999999;
    font-size:0.14rem;

}
.hot{
    display:flex;
    flex-wrap:wrap;
    /* justify-content:space-around; */
    p{
        /* width:0.9rem; */
        height:0.35rem;
        border:1px solid #844200;
        border-radius:50px;
        text-align:center;
        line-height:0.35rem;
        margin-right:0.1rem;
        margin-bottom:0.15rem;
        padding:0 0.1rem 0 0.1rem;
    }
}
`
export const  Searchhistory= styled.div`
.title{
    color:#999999;
    font-size:0.14rem;
}
.his{
    display:flex;
    flex-wrap:wrap;
    p{
        border-bottom:1px solid #ccc;
        height:0.4rem;
        width:100%;
        line-height:0.4rem;
        padding-left:0.1rem;
        
    }
}
`